<template>
    <div>
        <h1 @click="getHitokoto">{{ hitokoto }}</h1>
    </div>
</template>

<script>

import {mapActions,mapState} from "vuex"
    export default {
        name:"Hitokoto",
        computed:{
            ...mapState("hitokoto",["hitokoto"])
        },
        methods:{
            ...mapActions("hitokoto",["getHitokoto"]),
        },
        mounted(){
            this.getHitokoto();
        }
    }
</script>

<style scoped>

</style>